<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--【备注】手机浏览识别，以上2个元标记*必须*在头部；-->
		<title>购物车</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<style>	
			.list-p i{padding-right: 5px;}	
			.all-chose label{padding-left: 32px!important;}
			.all-chose input{left: 0 !important;vertical-align: middle;}
			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{top: 50%;-webkit-transform: translateY(-50%);height: 28px;width: 75px;}
			.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{color: #30a84e;}
			.mui-btn, .mui-btn-primary, input[type=submit]{border: 1px solid #dd524d;}
			.mui-btn, button, input[type=button], input[type=reset], input[type=submit]{padding: 9px 16px;}
			.edit-text{display: none;}
		</style>
	</head>		
	<body ng-app='app' ng-controller='orderController'>
		<!--头部导航-->
		<header class="mui-bar mui-bar-nav">
			<a href="home.html" class="mui-icon mui-icon-left-nav mui-pull-left color6"></a>
			<h1 class="mui-title color6">订单</h1> 
			<a class="mui-pull-right lh44 colorP edit">编辑</a>
		</header>
		
		<!--中间导航-->
		<div class="mui-content">
			<div class="list-p">		
				<ul class="mui-table-view mui-media-body order_list1" ng-repeat='(i,v) in order'>
			        <li class="mui-table-view-cell" ng-click="comein(v.id)">
			        	<div class="p_lr15 font12 m_b10 color9 w100 mui-pull-left">下单时间：{{v.placetime}}</div>
			        	<ul class="mui-pull-left">
			        		<li class="m_b12"><i class="iconfont mui-icon color_green icon-dian-copy"></i>出发地：{{v.addresses}}</li>
			        		<li><i class="iconfont mui-icon color_orange icon-dian-copy"></i>目的地：{{v.down}}</li>
			        	</ul>
			        	<p class="mui-pull-right font16" ng-if="v.status==1">待接单</p>
			        	<p class="mui-pull-right font16" ng-if="v.status==2">已接单</p>
			        	<p class="mui-pull-right font16" ng-if="v.status==3">在路上</p>
			        	<p class="mui-pull-right font16" ng-if="v.status==5">已结单</p>
			        	<p class="mui-pull-right font16" ng-if="v.status==6">已评价</p>
			        	<p class="mui-pull-right font16" ng-if="v.status==7">已取消</p>
			        </li>
						<input type="hidden" value="{{v.id}}" class="aa" />
			    </ul>
			    <div class="edit-text bg_white order_list" id="order_list" ng-repeat='(i,v) in order'>
					<div class="mui-input-row mui-checkbox mui-left b_b1">
						<label>
				        	<div class="p_lr15 font12 m_b20 color9 mui-pull-left">下单时间：{{v.placetime}}</div>
				        	<ul class="mui-pull-left">
				        		<li class="m_b12"><i class="iconfont mui-icon color_green icon-dian-copy"></i>出发地：{{v.addresses}}</li>
				        		<li><i class="iconfont mui-icon color_orange icon-dian-copy"></i>目的地：{{v.down}}</li>
				        	</ul>
				        	<p class="mui-pull-right font16" ng-if="v.status==1">待接单</p>
			        	<p class="mui-pull-right font16" ng-if="v.status==2">已接单</p>
			        	<p class="mui-pull-right font16" ng-if="v.status==3">在路上</p>
			        	<p class="mui-pull-right font16" ng-if="v.status==5">已结单</p>
			        	<p class="mui-pull-right font16" ng-if="v.status==6">已评价</p>
			        	<p class="mui-pull-right font16" ng-if="v.status==7">已取消</p>
			          	</label>
						<input name="checkbox" type="checkbox" value="{{v.id}}">
<!--						<input type="hidden" value="{{v.id}}" />-->
					</div>
	
				</div>
			</div> 			
			<div class="pos_ab p_tb11_lr15 bottom0 bg_white w100 edit-text">
				<div class="mui-input-row mui-checkbox mui-left mui-pull-left all-chose">
				  <label>全选</label>
				  <input name="checkboxs" value="Item 1" type="checkbox">
				</div> 
				<button type="button" id="del_btn" class="mui-btn mui-btn-danger mui-btn-outlined mui-pull-right">删除</button>
			</div>
		</div>
	</body> 
	<!-- Mui core JavaScript-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../libs/jquery/jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>
	<!--编辑-->
	<script src="../js/angular1.2.0.js" type="text/javascript"  charset="utf-8"></script>
	<script type="text/javascript" src="../js/personal/edit.js"></script>
</html>